﻿<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <title>瞬玩官网</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="initial-scale=1, maximum-scale=3, minimum-scale=1, user-scalable=no">
    <link rel="icon" href="../img/test_ico.ico">
    <!---CSS文件-->
    <link href="../bootstrap-3.3.7-dist/css/bootstrap.min.css" rel="stylesheet"/>
    <link href="../plugins/swiper/swiper.min.css" rel="stylesheet"/>
    <link href="../css/index.css" rel="stylesheet"/>
    <!---CSS文件--->
    <!----JS文件--->
    <script src="../js/jquery.min.js"></script>
    <script src="http://code.jquery.com/jquery-migrate-1.2.1.js"></script>
    <script src="../bootstrap-3.3.7-dist/js/bootstrap.min.js"></script>
    <script src="../plugins/swiper/swiper.min.js"></script>
    <!---JS文件--->
    <!--fancybox-->
    <script src="../plugins/fancybox/jquery.fancybox.js"></script>
    <script src="../plugins/fancybox/jquery.fancybox.pack.js"></script>
    <link href="../plugins/fancybox/jquery.fancybox.css" rel="stylesheet" />
    <!--fancybox-->
    <style>

    </style>
</head>
<body>
<div class="culmn">         <!--navbar  -->
    <nav class="navbar navbar-fixed-top ">
        <div class="container" style="padding-left:5.2%;margin-bottom: 30px;    margin-top: -1%;">
            <div class="navbar-header" id="navbar-collapse">
                <a class="navbar-brand" href="#">
                    <img src="../img/shunwan_logo.png"/>
                </a>
                <ul class="nav navbar-nav" style="    padding-left: 50px;">
                    <li><a href="#home" style="color: #fff;">首页</a></li>
                    <li><a href="#solution">解决方案</a></li>
                    <li><a href="#product">产品优势</a></li>
                    <li><a href="#case">合作案例</a></li>
                    <li><a href="#games">试玩游戏</a></li>
                    <li><a href="#partner">合作伙伴</a></li>
                    <li class="login">
                        <div class="loginTitle" >
                            <span>登录</span>|<span>注册</span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </nav>
    <section class="home" id="home">
        <div id="swiper">
            <div class="swiper-wrapper">
                <div class="swiper-slide" style="background-Image: url(../img/banner_background.jpg);">
                    <div class="container " style=" padding-top:200px;">
                        <img src="../img/banner_shunwan.png"/>
                        <h3 style="margin-top: 60px;" >无需下载安装&nbsp;·&nbsp;直接投屏试玩</h3>
                        <h5 style="margin-top: 80px;">
                            采用先进的虚拟机投屏技术，基于ARM架构采用LXC内核虚拟化技术，将画面转化为实时视频输送到终端
                        </h5>
                        <h5 style=" margin-top: 12px;">
                          无需下载，点击直接玩即交互
                        </h5>
                    </div>
                </div>
                <div class="swiper-slide" style="background-image: url('img/beijing2.png');">
                    <div class="container " style=" padding-top:200px;">
                        <!--<img src="../img/banner_shunwan.png" />-->
                        <p style=" font-size:40px;" >在线WEB试玩平台</p>
                        <p style="display:block; font-size:20px;margin-top:38px;" >
                           瞬玩游戏跨平台在线试玩功能
                        </p>
                        <p style="display:block; font-size:20px;margin-top:10px;">
                           目前已支持移动端IOS、 Android系统 及PC端Windows、 Mac系统
                        </p>
                        <div class="shiwandiv"></div>
                    </div>

                </div>
                <div class="swiper-slide"  style="background-image: url('img/beijing3.png');">
                    <div class="container " style=" padding-top:200px;">
                        <!--<img src="../img/banner_shunwan.png" />-->
                        <p style="     margin-top: 16px; font-size: 40px; margin-left: -100px;">全新OEM广告定制方案</p>
                        <div class="gd3div">
                            <p style="padding-top:40px; font-size:20px;">
                               瞬玩SDK提供个性化试玩产品服务，可支持多种广告展现形式
                            </p>
                            <p style=" margin-top: 12px;font-size:20px;">
                               客户端接入可做深度功能及UI定制
                            </p>
                        </div>
                        
                    </div>
                </div>
            </div>
            <div class="swiper-pagination1"></div>
            <div class="goplay">
                <p>直接试玩</p>
                <img src="../img/banner_jiantou.png"/>
                <img src="../img/banner_jiantou.png"/>
            </div>
        </div>
    </section>
    <section class="solution" id="solution">
        <div class="container-fluid" style=" padding-top:50px;    padding-left: 25%;">
            <div class="slttopdiv">
                <img src="../img/Industry-solutions.png"/>
                <h3>我们的行业解决方案</h3>
            </div>
            <div class="row" style="margin-top:20px; min-height: 350px;">
                <div class="col-sm-3">
                    <div class="sltmiddiv">
                        <div class="top_div">
                            <img class="img_nohover" src="../img/adad.png"/>
                            <img class="img_hover" src="../img/adad_click.png"/>
                            <p class="top_title" style="">移动试玩广告</p>
                            <p class="top_content" style="">权威、安全、专业</p>
                        </div>
                        <div class="bot_div">
                            <p class="p_title">移动试玩广告</p>
                            <p class="p_content">权威、安全、专业</p>
                            <p class="p_detail">广告投放场景多样化，支持6种广告场景以上投放，如百度新浪广告、应用市场、新闻社交广告、视频APP广告、微博、直播广告、国外游戏等</p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="sltmiddiv">
                        <div class="top_div">
                            <img class="img_nohover" src="../img/shuoji.png"/>
                            <img class="img_hover" src="../img/shuoji_click.png"/>
                            <p class="top_title">SDK试玩</p>
                            <p class="top_content">可靠、高效、稳定</p>
                        </div>
                        <div class="bot_div">
                            <p class="p_title">SDK试玩</p>
                            <p class="p_content">可靠、高效、稳定</p>
                            <p class="p_detail">开发者提供SDK包接入，让用户真实感受应用内容，打破传统游戏模式，游戏无需下载安装，点击广告，1S即可畅玩</p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="sltmiddiv">
                        <div class="top_div">
                            <img class="img_nohover" src="../img/sdk.png"/>
                            <img class="img_hover" src="../img/sdk_click.png"/>
                            <p class="top_title">WEB试玩</p>
                            <p class="top_content">易用、方便、高性能</p>
                        </div>
                        <div class="bot_div">
                            <p class="p_title">WEB试玩</p>
                            <p class="p_content">易用、方便、高性能</p>
                            <p class="p_detail">瞬玩平台支持移动端IOS、Android系统以及PC端，用户即可直接在线试玩游戏</p>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="sltmiddiv">
                        <div class="top_div">
                            <img class="img_nohover" src="../img/yun.png"/>
                            <img class="img_hover" src="../img/yun_click.png"/>
                            <p class="top_title">其他云服务</p>
                            <p class="top_content">精准、专业、丰富</p>
                        </div>
                        <div class="bot_div">
                            <p class="p_title">其他云服务</p>
                            <p class="p_content">精准、专业、丰富</p>
                            <p class="p_detail">打造中国精品试玩平台的游戏社区，为开发者提供游戏众筹，建立基于用户的游戏大数据体系，智能电视云游戏终端</p>
                        </div>
                    </div>
                </div>
            </div>

        </div>
    </section>
    <section class="product" id="product">
        <div class="container-fluid" style=" margin: 46px 24%;     margin-top: -2.3vw; margin-bottom: 3vw;">
            <div class="protopdiv" style="margin-top: 3vw;">
                <img src="../img/Product-advantage.png"/>
                <h3>我们的产品优势</h3>
            </div>
        </div>
        <div class="product  container-fluid">
            <div class="product content">
                <div class="row" style="padding-top:6%;">

                    <div class="col-md-5 titleList">
                        <span class="titleActive">一站式接入平台</span>
                        <span>OEM定制方案</span>
                        <span>游戏即点即玩</span>
                        <span>适配移动、PC端</span>
                    </div>
                    <div class="col-md-7 contentItem">
                        <div class="allitem">
                            <div class="contentItemnum">
                                <p class="contentActive">一站式接入平台</p>
                                <p>瞬玩提供完善的试玩服务：硬件服务器+机房+网络+试玩SDK+云手机数据后台，开发者提供游戏试玩包/应用即可秒接入</p>
                                <p>让用户真实感受应用内容，网络通畅即可使用，无硬件设备要求，从而吸引更多的潜在用户</p>
                            </div>
                            <div class="contentItemnum">
                                <p class="contentActive">OEM定制方案</p>
                                <p>提供个性化试玩产品服务，合作产品深度定制效果，产品形态、位置、配色、运营模式、数据效果监测等</p>
                                <p></p>
                            </div>
                            <div class="contentItemnum">
                                <p class="contentActive">游戏即点即玩</p>
                                <p>无须下载、安装，直接投屏试玩，操作简单，与原生应用完美适配</p>
                            </div>
                            <div class="contentItemnum">
                                <p class="contentActive">边玩边下</p>
                                <p>可跨平台IOS、Android、PC端，轻松在线使用移动应用</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="container-fluid " style="padding-left: 0px; padding-right:0px;background-color:#051728;">
            <div style=" height: 100%;  width: 100%;  background: rgba(5,23,40, 0.6);">
                <div class="rows">

                    <div class="col-md-3 pdimgwall" style="padding-left: 0px;position:relative;overflow:hidden;">
                        <div>
                            <img src="../img/tu1.jpg"/>
                            <div>
                                <h3>对用户</h3>
                                <div class="move"></div>
                                <p>最简单直接的体验</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 pdimgwall" style="padding-left: 0px;position:relative;overflow:hidden;">

                        <div>
                            <img src="../img/tu2.jpg"/>
                            <div>
                                <h3>对行业</h3>
                                <div class="move"></div>
                                <p>推动行业广告主制作优质内容</p>
                            </div>
                        </div>
                    </div>
                    <div class="col-md-3 pdimgwall" style="padding-left: 0px;position:relative;overflow:hidden;">
                        <div>
                            <img src="../img/tu3.jpg"/>
                            <div>
                                <h3>对渠道</h3>
                                <div class="move"></div>
                                <p>提升投放渠道转化效果，让渠道方增收</p>
                            </div>
                        </div>

                    </div>
                    <div class="col-md-3 pdimgwall" style="padding-left: 0px;position:relative;overflow:hidden;">

                        <div>
                            <img src="../img/tu4.jpg"/>
                            <div>
                                <h3>对广告主</h3>
                                <div class="move"></div>
                                <p>降低广告主买量获取单用户成本，全新的广告品牌展示形式</p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section id="case">
        <div class="container-fluid" style=" padding-top:50px;    padding-left: 23%;background-color:#F2F2F2;">
            <div class="protopdiv"  style="margin-top: 0.2vw;">
                <img src="../img/Cooperation-case.png"/>
                <h3>我们的合作案例</h3>
            </div>
            <div class="row" style="min-width:1400px;margin-top: 62px;    margin-bottom: 62px;">
                <div class="col-md-4 " style="width: 25%;">
                    <div class="clmdiv clmdiv1">
                        <img src="../img/icon1.png"/>
                    </div>
                    <div class="clmdiv clmdiv2" style="padding-left: 19%;font-size: 20px;">
                        <p>柠檬助手</p>
                        <div class="clmdiv clmdiv3" data-purl="http://apps.mycheering.com/CheeringMarket.apk">
                            <div></div>
                            <p >下载</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4" style="padding-left: 4%;border-right-style: ridge;border-left-style: ridge;width:27%;">
                    <div class="clmdiv clmdiv1">
                        <img src="../img/icon2.png"/>
                    </div>
                    <div class="clmdiv clmdiv2" style="padding-left: 14%;font-size: 20px;">
                        <p>新浪游戏</p>
                        <div class="clmdiv clmdiv3" style=" margin-right: 10px;" data-purl="http://dl.games.sina.com.cn/game/apk/sina-game-android.apk">
                            <div></div>
                            <p >下载</p>
                        </div>
                    </div>
                </div>
                <div class="col-md-4" style="padding-left: 4%;">

                    <div class="clmdiv clmdiv1">
                        <img src="../img/icon3.png"/>
                    </div>
                    <div class="clmdiv clmdiv2" style="padding-left: 14%;font-size: 20px;">
                        <p>百度云游戏</p>
                        <div class="clmdiv clmdiv3" >
                            <div></div>
                            <p>下载</p>
                        </div>
                    </div>
                </div>
            </div>
            
        </div>

    </section>
    <section id="games">
        <div class="games  container-fluid">
            <div class="row">
                <div class="col-md-12" style="    margin-top: 0.1vw;">
                    <img src="../img/Demo-game.png" style="float:left;"/>
                    <h3 style="float: left; padding-top: 23px; position: absolute;  padding-left: 60px;color: white;">我们的试玩游戏</h3>
                    <!--<ul class="gamestype" style="    min-width: 1000px;">
                        <li>休闲</li>
                        <li>模拟</li>
                        <li>竞技</li>
                        <li>动作</li>
                        <li>卡牌</li>
                        <li>角色</li>
                        <li>策略</li>
                        <li>射击</li>
                        <li>体育</li>
                        <li>回合</li>
                        <li>格斗</li>
                        <li>即时</li>
                    </ul>-->
                </div>
                <div class="col-md-12 myDiv">
                    <!-- Swiper -->
                     <!---相册div模板--->
                    <div id="swipertemplate" style="display:none;">
                        <div class="swiper-slide">
                            <div class="slideimgdiv" style=""
                                 data-st="0" data-ss="" data-pcurl="">
                                <div>
                                    <p>模板</p>
                                </div>
                            </div>
                        </div>
                    </div>
                    <!---相册div模板--->
                    <div class="swiper-container">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <div class="slideimgdiv" style="background-image: url('../img/gameimg/shqb.png');"
                                     data-st="1"  data-ss="../img/gameimg/shqb_jt.jpg" data-pcurl="http://www.91xmy.com/tplayhtml5/tplay_online.html?screentype=1&urlkey=3jVefJZKoAV60xMI&gameid=1313&cuid=61">
                                    <div style="background-color:rgba(5,23,40, 0);" >
                                        <p style="color:#fff;">守护奇兵</p>
                                    </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="slideimgdiv" style="background-image: url('../img/gameimg/mmbwdyycqll.png');" 
                                  data-st="0"   data-ss="../img/gameimg/mmbwdyycqll_jt.jpg" data-pcurl="http://www.91xmy.com/tplayhtml5/tplay_online.html?screentype=2&urlkey=k9GrWuf0icO7oY0c&gameid=1312&cuid=61">
                                   <div>
                                       <p>妈妈把我的游戏藏起来了</p>
                                   </div>
                                </div>
                            </div>
                            <div class="swiper-slide">
                                <div class="slideimgdiv" style="background-image: url('../img/gameimg/yyzy.png');" data-ss="../img/gameimg/yyzy_jt.jpg"
                                    data-st="0"   data-pcurl="http://www.91xmy.com/tplayhtml5/tplay_online.html?screentype=2&urlkey=KIryssKwpYL1D8R7&gameid=1314&cuid=61">
                                    <div>
                                        <p>月圆之夜</p>
                                    </div>
                                </div>
                            </div>
                         
                            <div class="swiper-slide">
                                <div class="slideimgdiv" style=" background-image: url('../img/gameimg/kxxxl.png');"
                                     data-st="0" data-ss="img/gameimg/kxxxl_jt.jpg" data-pcurl="http://www.91xmy.com/tplayhtml5/tplay_online.html?screentype=2&urlkey=C03v0xYZM93TELkK&gameid=1309&cuid=61">
                                    <div>
                                        <p>开心消消乐</p>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="swiper-button-prev leftImg" style="display:none;"></div>
                    <div class="swiper-button-next rightImg" style="display:none;"></div>

                </div>
                <div class="col-md-12"  style="padding-bottom: 100px;">
                    <!--<img src="../img/shouji.png" style="   width: 100%; padding-top: 30px;"/>-->
                    <div class="phonecontainer">
                        <div class="gamescreenshot" style="background-image: url('../img/gameimg/shqb_jt.jpg');">
                            <div>
                                <div class="swbtn" data-pcurl="http://www.91xmy.com/tplayhtml5/tplay_online.html?screentype=1&urlkey=Qj1e2KNDdwPT89BV&gameid=1292&cuid=41" data-st="1">
                                    <div></div>
                                    <p>直接玩</p>
                                </div>
                            </div>
                           
                        </div> 
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section id="partner">
        <div class="container-fluid" style="min-height:270px;background-color: #f2f2f2;     padding-left: 40px;">

            <div class="mycontainer">
                <p>合作伙伴</p>
                <div class="row">
                    <div class="col-md-3 ">
                        <img src="../img/baidu.png"/>
                    </div>
                    <div class="col-md-3 ">
                        <img src="../img/xinglang.png"/>
                    </div>
                    <div class="col-md-3 ">
                        <img src="../img/qingning.png"/>
                    </div>
                    <div class="col-md-3 ">
                        <img src="../img/dingkai.png"/>
                    </div>
                </div>
            </div>
        </div>
    </section>
    <section class="company">
        <div class="container-fluid" style="height:160px;background-color:#051728;">
            <div class="row">
                <div class="col-md-12" style=" padding-top: 2.7%; padding-left: 24.5%;">
                    <div style="float:left;">
                        <img src="../img/shunwan_logo.png"/>
                    </div>
                    <div style="float:left;padding-top: 5px; padding-left: 80px;">
                        <p style="color:white;">北京微算互联信息技术有限公司 All rights reserved.京ICP备17064065号</p>
                        <p style="color:gray;margin-top: -6px;">Copyright ©版权信息归红手指所有</p>
                    </div>

                </div>
                <!--<div class="col-md-4"  style="display:none;">
                    <p style="color:white;padding-left: 25%;    margin-top: 8%;">瞬玩手机版</p>
                    <img src="../img/erweima.png" style="padding-left: 24%;"/>
                </div>-->
            </div>

        </div>
    </section>
</div>

<script src="../js/index.js"></script>
</body>
</html>